<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="UTF-8">
  <meta name="referrer" content="never">
  <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=0">
  <title></title>
  <link rel="stylesheet" href="style.css">
</head>
<body>
<script src="http://cdn.bootcss.com/vue/2.1.10/vue.js"></script>
<script src="http://cdn.bootcss.com/vue-router/2.2.0/vue-router.js"></script>
<script src="http://cdn.bootcss.com/vue-resource/1.1.0/vue-resource.js"></script>
<div id="vueInstance">
  <div>
    <!--c-header></c-header-->
    <ul class="color-06f font16" style="z-index: 1;">
      <li v-for="(i,key) in list" class="pd">
        <a class="" :href="i.span[0].a[1].href" target="_blank">{{key < 9 ? '0' : ''}}{{ key+1 }}  {{i.span[0].a[1].title}}</a>
      </li>
      <li v-if="list && list.length == 0 && !ajaxLoading">没有数据</li>
    </ul>
    <div class="flex">
      <div class="child-flex1 txtc pd bd" style="flex:1; opacity: 0; z-index: 1">上一页</div>
    </div>
    <div class="txtc fixed flex" style="width: 100%; height: 100%;z-index: 2;top:0; background-color: rgba(0,0,0,0.5);color: #fff; " v-if="ajaxLoading">
      <div class="mga">加载中......</div>
    </div>
    <div class="flex fixed bg-fff" style="width: 100%; bottom: 0; z-index: 2; background-color: #fff;">
      <div class="child-flex1 txtc pd bd" style="flex:2;">第{{page}}页
        <input type="text" placeholder="页码" style="width: 50px" v-model="jumperPage">
        <span class="bd radius3 bg-c" @click="pageTo">跳转</span>
      </div>
      <div @click="pageUp" class="child-flex1 txtc pd bd" style="flex:1;">上一页</div>
      <div @click="pageDown" class="child-flex1 txtc pd bd" style="flex:1;" disabled="list && list.length == 0">下一页</div>
    </div>
  </div>
</div>
<script src="network.js"></script>
<script src="main.js"></script>
</body>
</html>
